<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.js"></script>
    <style>

    </style>
</head>
<body>
<!--<div id="app" @click="handleClick" :class="{activated: isActivated}">-->
<!--
    <div id="app" @click="handleClick" :class="[activated,activatedOne]">
-->
<div id="app">
    <!--<div v-for="(item,index) in list" :key="item.id">{{item.name}}-&#45;&#45;{{index}}</div>-->
   <template v-for="(item,index) in list">
        <div>{{item.name}}</div>
       <span>{{index}}</span>
   </template>

    <div v-for="(item,key,index) of userInfo">
        {{key}}---{{item}}---{{index}}
    </div>
</div>
<script>
    var vm = new Vue({
        el:'#app',
        data:{
         list:[
             {id:1,name:"tedss"},
             {id:2,name:"tedss1"}
         ],
            userInfo:{
             name:'dell',
                age:123,
                gender:1
            }
        },

    methods:{

    }

    })














</script>
</body>
</html>